﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head runat="server">
<title>Music Flows</title> 
        
    <link href="@Url.Content("../../Styles/PublicStyle.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("../../Styles/frmLogin/popup_login.css")" rel="stylesheet" type="text/css" />  
    <script src="@Url.Content("../../Scripts/jquery-1.8.0.js")" type="text/javascript"></script>
    <script src="@Url.Content("../../Scripts/Menu/jquery.dcmegamenu.1.3.3.js")" type="text/javascript"></script>
    <script src="@Url.Content("../../Scripts/Menu/jquery.hoverIntent.minified.js")" type="text/javascript"></script>
    <link href="@Url.Content("../../Styles/Menu/dcmegamenu.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("../../Styles/Menu/skins/black.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("../../Scripts/frmLogin/jquery.pop.js")" type="text/javascript"></script>
    <script src="@Url.Content("../../Scripts/frmLogin/jquery.tipsy.js")" type="text/javascript"></script>
    <link href="@Url.Content("../../Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />    
    <script src="@Url.Content("../../Scripts/jquery.ui.core.js")" type="text/javascript"></script>
    <script src="@Url.Content("../../Scripts/jquery.ui.widget.js")" type="text/javascript"></script>
    <script src="@Url.Content("../../Scripts/jquery.ui.position.js")" type="text/javascript"></script>
    <script src="@Url.Content("../../Scripts/jquery.ui.autocomplete.js")" type="text/javascript"></script>

@RenderSection("Javascript", required: false)
<script type="text/javascript">
    $(document).ready(function () {
        $('#file').change(function () {
            var file_name = $(this).val();
            $('#resupload').html(file_name);
        });
        $('a.login-window').click(function () {
            // Getting the variable's value from a link 
            var loginBox = $(this).attr('href');
            //Fade in the Popup and add close button
            $(loginBox).fadeIn(300);
            //Set the center alignment padding + border
            var popMargTop = ($(loginBox).height() + 24) / 2;
            var popMargLeft = ($(loginBox).width() + 24) / 2;
            $(loginBox).css({
                'margin-top': -popMargTop,
                'margin-left': -popMargLeft
            });
            // Add the mask to body
            $('body').append('<div id="mask"></div>');
            $('#mask').fadeIn(300);
            return false;
        });
        // When clicking on the button close or the mask layer the popup closed
        $('a.close, #mask').live('click', function () {
            $('#mask , .login-popup').fadeOut(300, function () {
                $('#mask').remove();
            });
            return false;
        });
    });
</script>
</head>
<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $('#topten #tabs div:gt(0)').hide();
        $('ul#tab_main li').click(function () {
            $('ul#tab_main li').removeClass('li_active');
            $(this).addClass('li_active');
            $('#topten #tabs div').hide();
            var $idTab = $(this).attr('title');
            $('#' + $idTab).fadeIn();
        });
    })
	</script>
<script type="text/javascript">
    $(document).ready(function ($) {
        $('#mega-menu-2').dcMegaMenu({
            rowItems: '3',
            speed: 'medium',
            effect: 'slide',
            event: 'hover'
        });
    });
</script>
<script type='text/javascript'>
    $(function () {
        $('#forgot_username_link').tipsy({ gravity: 'w' });
    });
    function searchft() {
        var rSinger = document.getElementById('rSinger');
        if (rSinger.checked == true) {
            document.frm.action = '/search/Search_bySingerName?pageindex=1&option=song&singerName=' + document.getElementById('txt_search').value;
        }
        else if (rSong.checked == true){
            document.frm.action = '/search/Search_bySongName?pageindex=1&option=song&keyword=' + document.getElementById('txt_search').value;
        }
        document.frm.submit();
    }
    function postft(url) {
        document.frm.action = url;
        document.frm.submit();
    }

    function submitform(formid) {
        
        document.getElementById(formid).submit();
    }
  </script>
<style>
	.ui-autocomplete-category {
		font-weight: bold;
		padding: .2em .4em;
		margin: .8em 0 .2em;
		line-height: 1.5;		
	}
</style>

<body>
 
    <form name="frm" id="frmct" method="post" action="/account/logon"  >
    <div id="header">   
        <div id="logo">        
        </div>    
            <div>    
                <ul id="search">                    
                    <li id="search-textbox" class="ui-widget">
                        <input type="text" id="txt_search" placeholder="Gõ tiếng việt có dấu" class="text-focus" />                               
                    </li> 
                    <li id="btsearch">
                        <a href="#" id="button-search" onclick="searchft()" ></a>
                           
                    </li>
                    <li id="custom-search">
                     <input type="radio" name="rSearch" id="rSinger" value="singerName" /> Ca sĩ
                    <input type="radio" name="rSearch" id= "rSong" value="songName" /> Bài hát
                    </li>
                </ul>   
            </div>
          <div id="res">
            @Html.Partial("_LogonPartial")
        </div>
    </div> 
 <div id="menu">
<div class="black">  
<ul id="mega-menu-2" class="mega-menu">
	<li><a href="../home">Trang Chủ</a></li>
	<li><a href="#">Albums</a>
		<ul>
            @foreach (ListenMusic.Models.ViewModel.CountryCategory cc in ViewBag.menuCategory)
            {
                <li><a href="#">@cc.CountryName</a>
	                <ul>		                
                        @for (int i = 0; i < @cc.category.Count; i++)
                        { 
                            <li><a href="/album/getAllAlbum?pageindex=1&categoryid=@cc.category[i].CategoryID">@cc.category[i].CategoryName</a></li>
                        }
	                </ul>
	            </li>
            }			
		</ul>
	</li>
	<li><a href="#">Videos</a>
	<ul>
        @foreach (ListenMusic.Models.ViewModel.CountryCategory cc in ViewBag.menuCategory)
            {
                <li><a href="#">@cc.CountryName</a>
	                <ul>		                
                        @for (int i = 0; i < @cc.category.Count; i++)
                        { 
                            <li><a href="/song/getVideo_byCategory?categoryid=@cc.category[i].CategoryID">@cc.category[i].CategoryName</a></li>
                        }
	                </ul>
	            </li>
            }			
    </ul>
</li>
<li><a href="#">Bảng Xếp Hạng</a>
<ul>
    @foreach (ListenMusic.Song_ServiceReference.Type type in ViewBag.allType)
    { 
        <li><a href="#">@type.TypeName</a>
         <ul>            
            @foreach (ListenMusic.Country_ServiceReference.Country country in ViewBag.albumCountry)
            {
                if (@type.TypeName == "Album")
                { 
                     <li><a href="/album/getRangeAlbum?countryid=@country.CountryID">@country.CountryName</a></li>  
                }
                else
                {
                    <li><a href="/song/getrange?typeid=@type.TypeID&countryid=@country.CountryID">@country.CountryName</a></li>                 
                }
            }          
        </ul>
    </li>
    }
</ul>
</li>
<li>
           
                <a href="/upload">Upload Bài Hát </a>
         
</li>
</ul>
</div>
</div>   
        <div id="right-content">
              @RenderBody()
        </div> 
        <div id="footer">
                    <div id="ft-content">
                        <ul>
                            <li>Đơn vị chủ quản: Công ty Cổ phần B110075</li>
                            <li>Địa chỉ:  502 Ngô Gia Tự - Quận 5 - TP.Hồ Chí Minh</li>
                            <li>Điện thoại: (08) 38534549</li>
                            <li>Email: musicflows.ct@gmail.com</li>
                        </ul>
                    </div>        
                </div>
    </form>
</body>
</html>
